<template>
    <div class="OverviewSiderRight">
        <div class="equipment hei225">
            <common-border-large width="100%" height="100%" text="设备统计">
                <CustomOverviewSiderRightEquipmentStatistics></CustomOverviewSiderRightEquipmentStatistics>
            </common-border-large>
        </div>
        <div class="mt10 hei225">
            <common-border-large width="100%" height="100%" text="设施统计">
                <CustomOverviewSiderRightFacilityStatistics></CustomOverviewSiderRightFacilityStatistics>
            </common-border-large>
        </div>
        <div class="mt10 hei250">
            <common-border-large width="100%" height="100%" text="监测点统计">
                <CustomOverviewSiderRightMonitoringpointStatistics></CustomOverviewSiderRightMonitoringpointStatistics>
            </common-border-large>
        </div>
        <div class="mt10 hei250">
            <common-border-large width="100%" height="100%" text="综合管廊统计">
                <CustomOverviewSiderRightPipeGalleryStatistics></CustomOverviewSiderRightPipeGalleryStatistics>
            </common-border-large>
        </div>
    </div>
</template>
<style scoped lang="scss">
.OverviewSiderRight {
    height: 100%;
    > div {
        height: calc(25% - 7.5px);
    }
}
.mt10 {
    margin-top: 10px;
}
</style>
